<!DOCTYPE html>
<html>

<head>
    <meta name="x5-cache" content="enable">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="apple-mobile-web-app-title" content="QA">
    <meta name="theme-color" content="#f2991b">
    <meta property="og:title" content="QA">
    <meta property="og:description" content="QA">
    <title>Reward rules</title>
    <meta name="Keywords" content="QA">
    <script type="text/javascript">
    (function(doc, win) {
        var fontSize, docEl = doc.documentElement,
            resizeEvt = 'onorientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function() {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                fontSize = 10 * (clientWidth / 320);
                if (fontSize && fontSize <= 16) {
                    docEl.style.fontSize = fontSize + 'px';
                }
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
    </script>
    <style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }

    body {
        -webkit-overflow-scrolling: touch;
        font-size: 1.4rem;
        font-weight: 100;
        font-family: "PingFangSC-Regular", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", "WenQuanYi Micro Hei", sans-serif;
    }

    ol,
    li {
        list-style-type: none;
    }

    a,
    a:hover {
        text-decoration: none
    }

    input,
    textarea {
        resize: none;
        -webkit-appearance: none
    }

    *,
    a {
        -webkit-tap-highlight-color: transparent
    }

    .content {
        padding: 16px 20px;
		line-height: 2.1rem;
		font-size: 1.5rem;
    }

    .text {
        font-size: 1.5rem;
        color: #767E8D;
    }

    .text{
        color: #767E8D;
    }

    .mtp20{
    	margin-top: 1rem;
    }

    .black{
    	color: #000;
    }
    .icona{
    	background: url('') center no-repeat;
    }
    .iconb{
    	background: url('') center no-repeat;
    }
    .icona, .iconb{
    	display: inline-block;
    	width: 1.3rem;
    	height: 1.5rem;
    	background-size: 1.3rem 1.5rem;
    	margin-right: .3rem;
    }
	.pink{
		color: #ff096a;
	}

    </style>
</head>

<body>
    <div class="content">
        <p class="text">Hello World,</p>
        <p class="text mtp20">Videos under this “Money” Section is open for all users to make money or receive discount coupons for purchasing various nice things.</p>
        <p class="black">Some videos are marked with <i class="icona"></i>, this means when you watch these videos <span class="pink">you will be rewarded with cash incentives</span>;</p>
        <p class="black">Some videos are marked with <i class="iconb"></i>, this means when you watch these videos <span class="pink">you will be rewarded with coupons</span>.</p>
        <p class="black">Some videos are marked with both, this means when you watch theses videos <span class="pink">you will be rewarded with both</span>.</p>
        <p class="text">Have fun!</p>
        <p class="text mtp20">your AQ team</p>
    </div>
</body>
</html>